<?php include_once('header.php');?>
<div class="main-content">
		<div class="breadcrumbs" id="breadcrumbs">
			<script type="text/javascript">
				try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
			</script>
			<ul class="breadcrumb">
				<li>
					<i class="icon-home home-icon"></i>
					供位管理
				</li>
				<li>
					供区明细列表
				</li>
			</ul>
		</div>	
		<div class="page-content">
                    <div style="float:left;margin-right:8px;">
					<a href="/admin/fora/add_page"><span class="btn btn-xs btn-pink">添加供位</span></a>
                    </div>
				<div class="page-header" style="height:40px;"></div>
			<div class="page-header">
				<h1 class="blue"><i class="icon-edit"></i>供位列表</h1>
				<input type="hidden" id="fora_id"value="<?php echo $fora_id;?>"/>
				<form  action="/admin/fora/fora_log" method="post">
				<label style="padding-left:10px;font-size:13px;">供位编码：</label>
					<input  type="text" id="code" name="code" value="<?php echo $code;?>"/>
					<label style="padding-left:10px;font-size:13px;">使用姓名：</label>
					<input  type="text" id="username" name="username" value="<?php echo $username;?>"/>
					<label style="padding-left:10px;font-size:13px;">使用起始时间：</label>
					<input type="text" class="Wdate " name="start_time" value="<?=$start_time?>" id="start_time" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" />
					<label style="padding-left:10px;font-size:13px;">使用结束时间：</label>
					<input type="text" class="Wdate " name="end_time" value="<?=$end_time?>" id="end_time" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" />
					<a style="padding-left:10px;" id="search">
						<button type="submit" class="btn btn-xs btn-success" style="height:28px;">
							<i class="icon-search nav-search-icon"></i>搜索
						</button>
					</a>
				</form>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<div class="table-header">
						会员信息列表
					</div>
					<div class="table-responsive">
						<table id="sample-table-2" class="table table-striped table-bordered table-hover">
							<thead>
								<tr>
                                                                    <th>id</th>
                                                                    <th>供区名称</th>
                                                                    <th>供区编码</th>
																	<th>供位编码</th>
                                                                    <th>使用者</th>
                                                                    <th>创建时间</th>
                                                                    <th>使用时间</th>
																	<th>状态</th>
                                                                    <th>操作</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<th>id</th>
									<th>供区名称</th>
									<th>供区编码</th>
									<th>供位编码</th>
									<th>使用者</th>
									<th>创建时间</th>
									<th>使用时间</th>
									<th>状态</th>
									<th>操作</th>
								</tr>					
							</tfoot>
						</table>
					</div><!-- /.table-responsive -->
				</div><!-- /span -->
			</div>
		</div>														
	</div>
<?php include_once('content.php');?>
	<script src="/public_source/www/assets/js/jquery.dataTables.min.js"></script>
	<script src="/public_source/www/assets/js/jquery.dataTables.bootstrap.js"></script>
<script src="/public_source/www/My97DatePicker/WdatePicker.js"></script>
<?php include_once('footer.php');?>	
<script type="text/javascript">
	var fora_id=$("#fora_id").val();
	var username=$("#username").val();
	var starttime=$("#start_time").val();
	var endtime=$("#end_time").val();
	var code=$("#code").val();
	jQuery(function($) {
		var oTable1 = $('#sample-table-2').dataTable({ 
	        "oLanguage": {
	                "sUrl": "/public_source/www/assets/language/zh_CN.json"
	         },			     	
			"aaSorting": [[ 0, "desc" ]],
			"bAutoWidth": false, 
			"bProcessing": true, //开启读取服务器数据时显示正在加载中……特别是大数据量的时候，开启此功能比较好
            "bServerSide": true, //开启服务器模式，使用服务器端处理配置datatable。注意：sAjaxSource参数也必须被给予为了给datatable源代码来获取所需的数据对于每个画。 这个翻译有点别扭。开启此模式后，你对datatables的每个操作 每页显示多少条记录、下一页、上一页、排序（表头）、搜索，这些都会传给服务器相应的值。 
            "sAjaxSource": "/admin/fora/ajax_fora_lof_list?fora_id="+fora_id+"&username="+username+"&start_time="+starttime+"&end_time="+endtime+"&code="+code, //给服务器发请求的url
            "aoColumns": [ //这个属性下的设置会应用到所有列，按顺序没有是空
                {"mData": 'id'}, //mData 表示发请求时候本列的列明，返回的数据中相同下标名字的数据会填充到这一列
                {"mData": 'name'},
                {"mData": 'fora_code'},
				{"mData": 'code'},
                {"mData": 'username'},
                {"mData": 'create_time'},
                {"mData": 'use_time'},
				{"mData": 'status'},
                {"mData": 'operate'}
            ],
            "aoColumnDefs": [//和aoColums类似，但他可以给指定列附近爱属性
               {"bSortable": false, "aTargets": [1,2,4,8]}, //这句话意思是第1,3,6,7,8,9列（从0开始算） 不能排序
         ]});							
		$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
		function tooltip_placement(context, source) {
			var $source = $(source);
			var $parent = $source.closest('table');
			var off1 = $parent.offset();
			var w1 = $parent.width();	
			var off2 = $source.offset();
			var w2 = $source.width();
			if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
			return 'left';
		}
	});
</script>
<style>
	#sample-table-2_filter {
		display:none;
	}
</style>